<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Developed By M Abdur Rokib Promy">
    <meta name="author" content="cosmic">
    <meta name="keywords" content="Bootstrap 3, Template, Theme, Responsive, Corporate, Business">
    <link rel="shortcut icon" href="img/favicon.png">

    <title>盛世蓝鲸 | 联系我们</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/theme.css" rel="stylesheet">
    <link href="css/bootstrap-reset.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="css/flexslider.css"/>
    <link href="assets/bxslider/jquery.bxslider.css" rel="stylesheet" />
    <link rel="stylesheet" href="assets/owlcarousel/owl.carousel.css">
    <link rel="stylesheet" href="assets/owlcarousel/owl.theme.css">
    <link rel="stylesheet" href="css/animate.css">
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" href="css/magnific-popup.css">



      <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/style-responsive.css" rel="stylesheet" />


    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=QtepwonjKvzt4SCgtHguyovzZhPnRUB0"></script>
    <style>
      .aboutbg{height: 300px;background: #030720 url(./img/aboutbg.jpg) no-repeat;background-position: center center;}
      @media (max-width: 768px){
        .aboutbg{background-size: 100%;}
      }
    </style>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
     <!--header start-->
    <header class="head-section">
        <div class="navbar navbar-default navbar-static-top container">
            <div class="navbar-header">
                <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"><img src="./img/logo.png"><span>盛世蓝鲸</span></a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="index.html">首页
                      </a>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-close-others="false" data-delay="0" data-hover="dropdown" data-toggle="dropdown" href="#">电商服务项目 <i class="fa fa-angle-down"></i>
                      </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="teacher.html">师资力量</a>
                            </li>
                            <li>
                                <a href="peixun.html">培训课程</a>
                            </li>
                            <li>
                                <a href="service.html">店铺托管</a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="crowd.html">人才孵化与合作
                      </a>
                        
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="http://lanjingsw.com/news/?cat=1">成功案例
                      </a>
                        
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="http://lanjingsw.com/news/?cat=2">行业资讯
                      </a>
                        
                    </li>
                    <li class="dropdown">
                        <a class="dropdown-toggle"  href="./contact.html">联系我们
                      </a>
                        
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!--header end-->

    <!--breadcrumbs start-->
    <div class="breadcrumbs" style="margin-bottom: 0;">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-sm-4">
                    <h1>盛世蓝鲸简介</h1>
                </div>
                <div class="col-lg-8 col-sm-8">
                    <ol class="breadcrumb pull-right">
                        <li><a href="index.html">首页</a></li>
                        <li class="active">联系我们</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
    <!--breadcrumbs end-->

    <div class="aboutbg"></div>

    <!--container start-->
    <div class="container">
        <div class="row">
            <!--portfolio-single start-->

            <div class="col-lg-9 ">
                <div class="title">
                    <h3>关于我们</h3>
                    <hr>
                </div>
                <div class="pf-detail">
                    <p> 盛世蓝鲸与华中师范大学等20余家高校合作，联合相关专业资源，共同创办的线上品牌，旨在开展相关的教学和项目实训、孵化创业、就业输出等工作。 
                    </p>
                    <p>  公司总部位于华中师范大学内教育培训大楼，共设有4个专业方向（游戏开发、游戏设计、京东电商、大数据），21个课程方向，40多个细分专业模块，完整商业项目案例335个，各项名案、资源库825类。
                    </p>
                    <p>
                      目前毕业学员已有4000余人，其中许多学员在校期间的作品获得多项社会荣誉、业界认可和国际大奖，他们中大部分现已成为公司的中流砥柱，甚至高管人员。
                    </p>

                </div>
            </div>

            <div class="col-lg-3">
                <div class="title">
                    <h3>About</h3>
                    <hr>
                </div>
                <ul class="list-unstyled pf-list">
                    <li><i class="fa fa-arrow-circle-right pr-10"></i><b>盛世蓝鲸电商学区: </b> <span><a href="javascript:;">武汉</a></span><span><a href="javascript:;">合肥</a></span></li>
                    <li><i class="fa fa-arrow-circle-right pr-10"></i><b>网址: </b><span><a href="javascript:;">lanjingsw.com</a></span></li>
                    <li><i class="fa fa-arrow-circle-right pr-10"></i><b>课程： </b><span>京东店长, 京东运营, 电商设计,京东客服</span></li>
                    <li><i class="fa fa-arrow-circle-right pr-10"></i><b>武汉校区：</b><span>华中师范大学</span></li>
                </ul>
             </div>
        </div>
        
        <hr>
    </div>

    

    <div class="container">

        <div class="row">
            <div class="col-md-6">
                <ul id="filters" class="clearfix">
                    <li>
                        <span class="filter active" data-filter="xiaoyuan shangke">全部</span>
                    </li>
                    <li>
                        <span class="filter" data-filter="xiaoyuan">校园环境</span>
                    </li>
                    <li>
                        <span class="filter" data-filter="shangke">上课环境</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row mar-b-30">
            <div id="portfoliolist-three">
                <div class="col-md-12">
                    <div class="portfolio xiaoyuan" data-cat="xiaoyuan">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/damen.jpg" class="magnefig label label-info icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/damen.jpg">

                            </div>
                        </div>
                    </div>

                    <div class="portfolio shangke" data-cat="shangke">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/vr.jpg" class="label magnefig label-info icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/vr.jpg">
                            </div>
                        </div>
                    </div>

                    <div class="portfolio shangke" data-cat="shangke">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/xuexi.jpg" class="label magnefig label-info icon icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/xuexi.jpg">
                            </div>
                        </div>
                    </div>

                    <div class="portfolio xiaoyuan" data-cat="xiaoyuan">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/lou.jpg" class="label magnefig label-info icon icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/lou.jpg">
                            </div>
                        </div>
                    </div>

                    <div class="portfolio shangke" data-cat="shangke">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/bangongshi.jpg" class="label magnefig label-info icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/bangongshi.jpg">
                            </div>
                        </div>
                    </div>

                    <div class="portfolio xiaoyuan" data-cat="xiaoyuan">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/biye.jpg" class="label magnefig label-info icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/biye.jpg">
                            </div>
                        </div>
                    </div>

                    <div class="portfolio xiaoyuan" data-cat="xiaoyuan">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/caodi.jpg" class="label magnefig label-info icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/caodi.jpg">
                            </div>
                        </div>
                    </div>

                    <div class="portfolio xiaoyuan" data-cat="xiaoyuan">
                        <div class="portfolio-wrapper">
                            <div class="portfolio-hover">
                                <div class="image-caption">
                                    <a href="img/environment/tiyuchnag.jpg" class="label magnefig label-info icon" data-toggle="tooltip" data-placement="left" title="放大"><i class="fa fa-eye"></i></a>


                                </div>
                                <img class="lazy" data-original="img/environment/tiyuchnag.jpg">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="home-services" style="background: #f2f2f2;">

        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>
                        联系我们
                    </h2>
                </div>

                <div class="col-md-4">
                    <div class="h-service">
                        <div class="icon-wrap ico-bg round-fifty wow fadeInDown">
                            <i class="fa fa-map-marker">
                </i>
                        </div>
                        <div class="h-service-content wow fadeInUp">
                            <h3>
                                地址
                            </h3>
                            <p>
                                武汉市洪山区华中师范大学东门教育培训大楼四楼
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="h-service">
                        <div class="icon-wrap ico-bg round-fifty wow fadeInDown">
                            <i class="fa fa-phone">
                </i>
                        </div>
                        <div class="h-service-content wow fadeInUp">
                            <h3>
                                电话
                            </h3>
                            <p>
                                027-590-0021
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="h-service">
                        <div class="icon-wrap ico-bg round-fifty wow fadeInDown">
                            <i class="fa fa-mobile">
                </i>
                        </div>
                        <div class="h-service-content wow fadeInUp">
                            <h3>
                                手机
                            </h3>
                            <p>
                            13200000000 
                            </p>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /row -->

        </div>
        <!-- /container -->

    </div>

    <section style="background: #e5e5e5">
      <div class="container">
        <div class="col-md-12"><div id="allmap" style="width:100%;height:400px;"></div></div>
      </div>
    </section>

    <script type="text/javascript">
        var map = new BMap.Map("allmap");
        map.enableScrollWheelZoom();
        var point = new BMap.Point(114.3742552492,30.5219734728);
        map.centerAndZoom(point, 14);
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
    
        var label = new BMap.Label("盛世蓝鲸",{offset:new BMap.Size(20,-10)});
        marker.setLabel(label);
    </script>

     <!--footer start-->
    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-sm-3 address wow fadeInUp" data-wow-duration="2s" data-wow-delay=".1s">
                    <h1>
                        联系我们
                    </h1>
                    <address>
                        <p><i class="fa fa-globe pr-10"></i>武汉市, 洪山区,卓刀泉南路</p>
                        <p><i class="fa fa-home pr-10"></i>华中师范大学教育培训大楼五楼</p>
                        <p><i class="fa fa-mobile pr-10"></i>手机 : （+86）13026142559</p>
                        <p><i class="fa fa-phone pr-10"></i>电话 : （027）59000021</p>
                        </p>
                    </address>
                </div>
                <div class="col-lg-3 col-sm-3 wow fadeInUp" data-wow-duration="2s" data-wow-delay=".3s">
                    <div class="page-footer wow fadeInUp" data-wow-duration="2s" data-wow-delay=".5s">
                        <h1>
                            关于我们
                        </h1>
                        <ul class="page-footer-list">
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="peixun.html">培训课程</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="teacher.html">师资力量</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="service.html">店铺托管</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="crowd.html">人才孵化</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="contact.html">联系我们</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-3">
                    <div class="page-footer wow fadeInUp" data-wow-duration="2s" data-wow-delay=".5s">
                        <h1>
                            网站导航
                        </h1>
                        <ul class="page-footer-list">
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="http://lanjingsw.com/news/?cat=1">成功案例</a>
                            </li>
                            <li>
                                <i class="fa fa-angle-right"></i>
                                <a href="http://lanjingsw.com/news/?cat=2">行业资讯</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-sm-3">
                    <div class="text-footer wow fadeInUp" data-wow-duration="2s" data-wow-delay=".7s">
                        <h1>
                            盛世蓝鲸文化
                        </h1>
                        <p>
                            盛世蓝鲸电商学院是专注于提供电子商务培训和一对一辅导、咨询的服务机构。公司秉承“一次培训终身服务”的理念，致力于为电商企业提供一流的培训、诊断和咨询服务，以帮助电商企业提高运营效率.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- footer end -->
    <!--small footer start -->
    <footer class="footer-small">
        <div class="container">
            <div class="copyright">
                <p>Copyright &copy; 2018年 盛世蓝鲸.&nbsp;&nbsp;All rights reserved. &nbsp;<a href="http://www.miibeian.gov.cn/" target="_blank"> 鄂ICP备18019915号</a></p>                
            </div>
        </div>
    </footer>
    <!--small footer end-->

  <!-- js placed at the end of the document so the pages load faster -->
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.lazyload.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/hover-dropdown.js"></script>
    <script defer src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="assets/bxslider/jquery.bxslider.js"></script>

    <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="assets/owlcarousel/owl.carousel.js"></script>
    <script src="js/mixitup.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/link-hover.js"></script>


    <!--common script for all pages-->
    <script src="js/common-scripts.js"></script>



    <script src="js/jquery.magnific-popup.js"></script>


  <script>
    $('.image-caption a').tooltip();

    $(function() {
        $(function() {
            $("img.lazy").lazyload({effect: "fadeIn",threshold: 200});
        });

        var filterList = {

            init: function() {

                // MixItUp plugin
                // http://mixitup.io
                $('#portfoliolist-three').mixitup({
                    targetSelector: '.portfolio',
                    filterSelector: '.filter',
                    effects: ['fade'],
                    easing: 'snap',
                    // call the hover effect
                    onMixEnd: filterList.hoverEffect()
                });

            },

            hoverEffect: function() {
                $("[rel='tooltip']").tooltip();
                // Simple parallax effect
                $('#portfoliolist-three .portfolio .portfolio-hover').hover(
                    function() {
                        $(this).find('.image-caption').slideDown(250); //.fadeIn(250)
                    },
                    function() {
                        $(this).find('.image-caption').slideUp(250); //.fadeOut(205)
                    }
                );
            }

        };

        // Run the show!
        filterList.init();


    });

    $(document).ready(function() {
        $('.magnefig').each(function() {
            $(this).magnificPopup({
                type: 'image',
                removalDelay: 300,
                mainClass: 'mfp-fade'
            })
        });
    });

    $(document).ready(function() {

        $("#owl-demo").owlCarousel({
            items : 4
        });

      });
    new WOW().init();
  </script>

  </body>
</html>
